@charset "utf-8";


.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.items {
    padding: 50px 0 70px;
}

.items-title {
    font-size: 30px;
}



.main-banner {
    height: 600px;
    position: relative;
}

.main-banner .main-wrap {
    height: 100%;
}

.main-banner .swiper-container {
    height: 100%;
}

.main-banner .swiper-slide {
    box-sizing: border-box;
    padding-bottom: 133px;
}

.main-banner .swiper-pagination-bullet {
    width: 30px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    background: none;
}

.main-banner .swiper-pagination-bullets {
    bottom: 150px;
}

.main-banner .branch-banner-title {
    font-size: 60px;
    font-weight: bold;
    color: #fff;
}

.main-banner .branch-banner-subtitle {
    font-size: 24px;
    color: #fff;
    margin-top: 16px;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    border: 1px solid #20B09F;
    padding: 0 60px;
    background: linear-gradient(to right, rgba(32, 176, 159, 0) 0%, rgba(32, 176, 159, .6) 50%, rgba(32, 176, 159, 0) 100%);
}

.main-banner .branch-banner-p {
    margin-top: 16px;
    font-size: 18px;
    color: #13e2c9;
    letter-spacing: 6px;
    text-align: center;
}



.main-pro {
    height: 134px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.main-pro-item {
    width: 25%;
    height: 134px;
    position: relative;
    overflow: hidden;
}

.main-pro-item:hover {
    background-color: rgba(255, 255, 255, .1);
}

.main-pro-item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.main-pro-item:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.main-pro-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.main-pro-img {
    width: 40%;
    text-align: center;
    height: 134px;
    line-height: 100px;
}

.main-pro-item .float-l:last-child {
    width: 60%;
}

.main-pro-img img {
    display: inline-block;
    vertical-align: middle;
}

.main-pro-title {
    font-size: 20px;
    margin: 20px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-pro-title .main-pro-ico {
    margin: 0 10px;
}

.main-pro-ul {
    padding-left: 18px;
}

.main-pro-ul li {
    list-style: disc;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
}

.main-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.main-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #20B09F transparent transparent;
}

.main-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}



.items-all-news {
    background-color: #F7F7F7;
}

.items-all-news .items-block {
    margin-top: 30px;
    justify-content: space-between;
    align-items: flex-start;
}

.items-all-news .item-l {
    width: 902px;
}

.items-all-news .item-rank {
    width: 280px;
}

.items-all-news .item-l .item-s {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
}

.items-all-news .item-l .item-s:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #20B09F;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.items-all-news .item-l .item-s a {
    color: #666;
    font-size: 14px;
}

.items-all-news .item-l .item-s a:hover {
    color: #20B09F;
}

.items-all-news .item-news{position: relative;margin-top: 0px!important;}
.items-all-news .item-news .item-title{margin-bottom:12px;}
.items-all-news .item-news .swiper-container {
    width: 426px;
    height: 198px;
}

.items-all-news .item-news .swiper-slide .img-block {
    width: 426px;
    height: 198px;
}

.items-all-news .item-news .swiper-slide .img-block img {
    max-height: 100%;
}

.items-all-news .item-news .swiper-pagination {
    bottom: 0;
    height: 35px;
    text-align: left;
    padding: 0 30px;
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
}

.items-all-news .item-news .swiper-pagination-bullet {
    background: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    opacity: 1;
    margin: 8px 10px 0 0;
}

.items-all-news .item-news .swiper-pagination-bullet-active {
    background: #20B09F;
    color: #fff;
}

.items-all-news .item-news .item-s-block {
    flex: 1;
    padding: 0 30px;
}

.items-all-news .item-news .item-s {
    max-width: 414px;
    line-height: 40px;
}

.items-all-news .item-down {
    margin-top: 18px;
}

.items-all-news .item-down .item-activity {
    flex: 1;
    padding: 30px;
    box-sizing: border-box;
    height: 266px;
    border-right: 1px dashed #E5E5E5;
    position: relative;
}

.items-all-news .item-down .view-more {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}

.items-all-news .item-news .view-more {
    top: 24px;
}
.items-all-news .item-down .item-title {
    position: relative;
    padding-bottom: 5px;
}

.items-all-news .item-down .item-title:after {
    content: "";
    position: absolute;
    width: 15px;
    border-bottom: 2px solid #20B09F;
    left: 0;
    bottom: 0;
}

.items-all-news .item-down .item-s-block {
    margin-top: 12px;
}

.items-all-news .item-down .item-s {
    line-height: 32px;
    max-width: 390px;
}

.items-all-news .item-down .item-clients {
    flex: 1;
    padding: 30px;
    box-sizing: border-box;
    height: 266px;
    position: relative;
}

.items-all-news .item-rank .item-title {
    text-align: center;
    height: 58px;
    line-height: 58px;
    background-color: #20B09F;
    color: #fff;
    font-size: 18px;
}

.items-all-news .item-rank .item-s-block {
    border-top-color: #fff;
    height: 428px;
    padding: 10px 8px;
    counter-reset: num;
}

.items-all-news .item-rank .item-s {
    border-bottom: 1px dashed #E5E5E5;
    padding-left: 50px;
    counter-increment: num;
    position: relative;
    line-height: 38px;
    height: 38px;
}
.items-all-news .item-rank .item-s:hover{
    background:#f7f7f7;
}
.items-all-news .item-rank .item-s:before {
    content: counter(num);
    position: absolute;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #9B9B9B;
    border-radius: 50%;
    font-size: 13px;
    color: #9B9B9B;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.items-all-news .item-rank .item-s:nth-child(1):before {
    background-color: #E04425;
    border-color: #E04425;
    color: #fff;
}

.items-all-news .item-rank .item-s:nth-child(2):before {
    background-color: #FF7E00;
    border-color: #FF7E00;
    color: #fff;
}

.items-all-news .item-rank .item-s:nth-child(3):before {
    background-color: #E8BA00;
    border-color: #E8BA00;
    color: #fff;
}

.items-all-news .item-rank .item-s:last-child {
    border-bottom: none;
}

.items-all-news .item-rank a {
    color: #666;
}

.items-all-news .item-rank a:hover {
    color: #20B09F;
}



.items-case {
    box-sizing: border-box;
    height: 698px;
    background: url(../image/items-case-bg.jpg) no-repeat center;
}

.items-case .items-title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    line-height: normal;
}

.items-case .main-wrap{
    position: relative;
}
.items-case .btn-b-deep{display: block;
    width: 176px;
    height: 46px;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    margin: 4px auto 0 auto;}


.items-case .item-block {
    font-size: 0;
}

.items-case .item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    transition: all .3s ease;
    display: inline-block;
    margin: 0 30px 30px 0;
}

.items-case .item:nth-child(4n) {
    margin-right: 0;
}

.items-case .item .img-block {
    width: 277px;
    height: 219px;
}

.items-case .item .img-block img {
    max-height: 100%;
}

.items-case .item-p {
    line-height: 40px;
    left: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px 20px;
    transform: translateY(100%);
    transition: all .3s ease;
}

.items-case .item-p .item-title {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.items-case .item:hover {
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.6);
}

.items-case .item:hover .item-p {
    transform: translateY(0);
}

.items-case .swiper-button-prev {
    height: 87px;
    background: url(../image/icon-left.png) no-repeat center;
    top: 280px;
    left:-4%;
}

.items-case .swiper-button-prev:hover {
    background-color: #fff;
}

.items-case .swiper-button-next {
    height: 87px;
    background: url(../image/icon-right.png) no-repeat center;
    top: 280px;
    right:-4%;
}

.items-case .swiper-button-next:hover {
    background-color: #fff;
}



.item-company-hot {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.item-company-hot .item {
    position: relative;
    z-index: 11;
}

.item-company-hot .item-info {
    flex: 1;
    padding: 0 40px;
}

.item-company-hot .item-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-bottom: 6px;
}

.item-company-hot .item-title:after {
    content: "";
    position: absolute;
    width: 37px;
    border-bottom: 2px solid #20B09F;
    left: 0;
    bottom: 0;
}

.item-company-hot .item-name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 16px;
}

.item-company-hot .item-job {
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.item-company-hot .item-descrition {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin-top: 16px;
    text-align: justify;
    max-height: 60px;
    overflow: hidden;
}

.item-company-hot .item-btn {
    margin-top: 32px;
    position: relative;
    z-index: 11;
}

.item-company-hot .item-a {
    width: 120px;
    height: 36px;
    line-height: 36px;
}

.item-company-hot .item-img {
    width: 420px;
    height: 300px;
}

.item-company-hot .item-img img {
    width: 100%;
    height: 100%;
}

.item-company-hot .swiper-pagination {
    bottom: 20px;
}

.item-company-hot .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 0;
    border-radius: 0;
    border-bottom: 3px solid #B2B2B2;
    background: none;
    opacity: 1;
    margin: 0 7px;
    padding-top: 15px;
}

.item-company-hot .swiper-pagination .swiper-pagination-bullet-active {
    border-color: #20B09F;
}

.items-company .items-title{padding-bottom: 40px;}
.item-company-small{padding-top:36px;position: relative;}
.item-company-small .swiper-container{width: 90%;}
.item-company-small .swiper-slide .item{position: relative;width:200px;max-height: 140px;overflow: hidden;}
.item-company-small .swiper-slide .item img{width: 100%;min-height: 140px;}
.item-company-small .swiper-slide .item p{position:absolute;bottom:0;text-align: center;width: 100%;background: rgba(0,0,0,.65);color:#fff;height: 30px;line-height: 30px;font-size: 12px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 3px;
    box-sizing: border-box;}
.item-company-small .swiper-button-next,.item-company-small .swiper-button-prev{top:90px;height: 87px;}
.item-company-small .swiper-button-prev{background: url(../image/icon-left.png) no-repeat center;left:0;}
.item-company-small .swiper-button-next{background: url(../image/icon-right.png) no-repeat center;right:0;}
.button-more{width:176px;height: 46px;border:1px solid #20b09f;color:#20b09f;font-size: 18px;text-align: center;line-height: 46px;margin:36px auto 0 auto;}
.button-more:hover{background:#20b09f;color:#fff;}


.items-expert{background: #f7f7f7;}
.items-expert .items-title{padding-bottom: 40px;}
.items-expert .swiper-container{width: 90%;}
.items-expert .swiper-button-next,.items-expert .swiper-button-prev{top:210px;height: 87px;}
.items-expert .swiper-button-prev{background: url(../image/icon-left.png) no-repeat center;display: block;width: 30px;float: left;margin-left: 0px;overflow: hidden;cursor: pointer;}
.items-expert .swiper-button-next{background: url(../image/icon-right.png) no-repeat center;width: 30px;float: right;margin-right: 0px;overflow: hidden;cursor: pointer;}
.items-expert .swiper-slide .item p{font-size: 18px;color:#333;height: 50px;line-height: 50px;padding:0 10px;border:1px solid #e5e5e5;box-sizing: border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; } 
.items-expert .swiper-slide .item{position: relative;width:255px;max-height: 323px;overflow: hidden;}
.items-expert .swiper-slide .item .img-block{max-height: 273px;overflow: hidden;}
.items-expert .swiper-slide .item img{width: 100%;min-height: 273px;}

.items-information .main-wrap{overflow: hidden;}
.items-information .item{width:49%;float:left;border:1px solid #e5e5e5;box-sizing: border-box;padding:20px 30px;margin:5px;}
.items-information .item ul{padding-top:14px;height:154px;overflow: hidden;}
.items-information .item li{font-size: 14px;color:#666;line-height: 26px;overflow: hidden;}
.items-information .item-title{position: relative;padding-bottom: 6px;font-size: 18px;}
.items-information .item-title:after {content: "";position: absolute;width: 37px;border-bottom: 2px solid #20B09F;left: 0;bottom: 0;}
.items-information .item-infonews{position: relative;margin-left: 2%;}
.item-infonews .view-more {position: absolute;right: 30px;top: 22px;z-index: 2;}
.items-information .item-infonews li:hover{color:#20b09f;}
.items-information .item-infonews p{float: left;max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.items-information .item-infonews span{float:right;}


.items-service{margin-top:40px;}
.items-service .flex-row{flex-wrap: wrap;}
.items-service ul{box-sizing: border-box;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.items-service li{flex:1;height: 200px;}
.items-service li .img-block{width:68px;height: 68px;}
.items-service li .img-block img{max-height: 100%;}
.items-service .service-intro-front{padding:40px;height: 200px;box-sizing: border-box;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.items-service .service-intro-front p{text-align: center;font-size: 18px;color:#666;padding-top:20px;}
.items-service li .service-intro-back{padding:20px;height: 200px;box-sizing: border-box;display: table;display: none;transition:display 10s;width:100%;position: relative;}
.items-service li .service-intro-back:before{
    content: "";
    background-color:#20B09F;
    height: 201px;
    width: calc(100% + 1px);
    position: absolute;
    top:-1px;
    left: -1px;
    
}
.items-service li .service-intro-back .center{vertical-align: middle;display: table-cell;position: relative;}
.items-service .intro-back-title{font-size: 18px;color:#fff;font-weight: bold;text-align: center;line-height: 38px;}
.items-service .intro-back-text{font-size: 14px;color:#fff;text-align: justify;line-height: 26px;max-height:110px;overflow: hidden;}
.items-service .ul-6 li{width:33.33%;flex:none;}
.items-service .ul-8 li{width:25%;flex:none;}
.items-service .ul-10 li{width:20%;flex:none;}





.items-block .settop a{color:#E04425!important;font-weight: bold;}
.items-all-news .item-l .settop:before{background-color:#E04425;}
.items-block .turnred a{color:#E04425!important;}
.items-all-news .item-l .turnred:before{background-color:#E04425;}

.view-more:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../image/view-more.png) no-repeat center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ico-hot {
    position: relative;
}
.ico-hot:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 17px;
    background: url(../image/icon-hot.svg) no-repeat center;
    vertical-align: 0;
    margin-left: 5px;
}